<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>组织管理 - 智汇管理系统</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
<link rel="shortcut icon" href="images/icon/favicon.ico">
<script src="js/jquery-2.1.4.min.js"></script>
<!--[if gte IE 9]>
  <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
  <script src="js/html5shiv.min.js" type="text/javascript"></script>
  <script src="js/respond.min.js" type="text/javascript"></script>
  <script src="js/selectivizr-min.js" type="text/javascript"></script>
<![endif]-->
<!--[if lt IE 9]>
  <script>window.location.href='upgrade-browser.html';</script>
<![endif]-->
<script type="text/javascript" src="../js/contains.js"></script>
</head>

<body class="user-select">
	<section class="container-fluid">
		<header id="header-containner"> </header>
		<div class="row">
			<aside class="col-sm-3 col-md-2 col-lg-2 sidebar" id="right-side">

			</aside>
			<div
				class="col-sm-9 col-sm-offset-3 col-md-10 col-lg-10 col-md-offset-2 main"
				id="main">
				<h1 class="page-header">组织管理</h1>
				<ol class="breadcrumb">
					<li><a  data-toggle="modal" data-target="#addorg">增加组织</a></li>
				</ol>
				<h1 class="page-header">管理</h1>
				<div class="table-responsive">
					<table class="table table-striped table-hover">
						<thead>
							<tr>
								<th><span class="glyphicon glyphicon-th-large"></span> <span
									class="visible-lg">选择</span></th>
								<th><span class="glyphicon glyphicon-file"></span> <span
									class="visible-lg">标识</span></th>
								<th><span class="glyphicon glyphicon-list"></span> <span
									class="visible-lg">组织名称</span></th>
								<th class="hidden-sm"><span
									class="glyphicon glyphicon-comment"></span> <span
									class="visible-lg">组织进度</span></th>
								<th><span class="glyphicon glyphicon-time"></span> <span
									class="visible-lg">更新时间</span></th>
								
							</tr>
						</thead>
						<tbody id="content-containner">
							
							
						</tbody>
					</table>
				</div>
				<footer class="message_footer">
					<nav>
						<div class="btn-toolbar operation" role="toolbar">
							<div class="btn-group" role="group">
								<a class="btn btn-default" onClick="select()">全选</a> <a
									class="btn btn-default" onClick="reverse()">反选</a> <a
									class="btn btn-default" onClick="noselect()">不选</a>
							</div>
							<div class="btn-group" role="group">
								<button type="submit" class="btn btn-default"
									data-toggle="tooltip" data-placement="bottom" title="删除全部选中"
									name="checkbox_delete">删除</button>
							</div>
						</div>
						<ul class="pagination pagenav">
							<li class="disabled"><a aria-label="Previous"> <span
									aria-hidden="true">&laquo;</span>
							</a></li>
							<li class="active"><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li><a href="#" aria-label="Next"> <span
									aria-hidden="true">&raquo;</span>
							</a></li>
						</ul>
					</nav>
				</footer>
			</div>
		</div>
	</section>
	
	<!--增加组织模态框-->
<div class="modal fade" id="addorg" tabindex="-1" role="dialog" aria-labelledby="addUserModalLabel">
  <div class="modal-dialog" role="document" style="max-width:450px;">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" >增加组织</h4>
        </div>
        <div class="modal-body">
          <table class="table" style="margin-bottom:0px;">
            <thead>
              <tr> </tr>
            </thead>
            <tbody>
              <tr>
                <td wdith="20%">组织名:</td>
                <td width="80%"><input id="orgname" type="text" value="" class="form-control" name="orgname" maxlength="10" autocomplete="off" /></td>
              </tr>
              <tr>
                <td wdith="20%">管理员账号:</td>
                <td width="80%"><input id="account" type="text" value="" class="form-control" name="account" maxlength="10" autocomplete="off" /></td>
              </tr>
              <tr>
                <td wdith="20%">管理员密码:</td>
                <td width="80%"><input id="authcstring" type="text" value="" class="form-control" name="authcstring" maxlength="18" autocomplete="off" /></td>
              </tr>
              <tr>
                <td wdith="20%">确认密码:</td>
                <td width="80%"><input id="vauthcstring" type="password" class="form-control" name="vauthcstring" maxlength="18" autocomplete="off" /></td>
              </tr>
              
            </tbody>
            <tfoot>
              <tr></tr>
            </tfoot>
          </table>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="subOrg()">提交</button>
        </div>
      </div>
  </div>
</div>

	<script src="js/bootstrap.min.js"></script>
	<script src="js/admin-scripts.js"></script>
	<script src="js/org-manager.js"></script>
	<script type="text/javascript">
		
		function subOrg() {
			var orgname = $("#orgname").val();
			var account = $("#account").val();
			var authcstring = $("#authcstring").val();
			var vauthcstring = $("#vauthcstring").val();
			$.ajax({
				url:"/org/addOrg",
				type:"post",
				data:{"orgname":orgname, "account":account, "authcstring":authcstring,"vauthcstring":vauthcstring},
				success: function(res) {
					
				}
			});
		}
	</script>
</body>
</html>
